/*
editor.css
============
This is he heart of the skin system. This is the file loaded by the editor to
style all elements inside its main interface.
To make it easier to maintain, instead of including all styles here, we import
other files.
*/
/* "Reset" styles, necessary to avoid the editor UI being broken by external CSS. */
.ved_reset
{
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	text-decoration: none;
	width: auto;
	height: auto;
	vertical-align: baseline;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
.ved_reset_all, .ved_reset_all *
{
		margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	text-decoration: none;
	/*width: auto;
	height: auto;*/
	vertical-align: baseline;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	border-collapse: collapse;
	font: normal normal normal 12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif;
	color: #000;
  text-align: left;
	white-space: nowrap;
	cursor: auto;
}
.ved_reset_all .ved_rtl *
{
	text-align: right;
}
.ved_reset_all iframe
{
	vertical-align: inherit;	}
.ved_reset_all textarea
{
	white-space: pre;
}
.ved_reset_all textarea,
.ved_reset_all input[type="text"],
.ved_reset_all input[type="password"]
{
	cursor: text;
}
.ved_reset_all textarea[disabled],
.ved_reset_all input[type="text"][disabled],
.ved_reset_all input[type="password"][disabled]
{
	cursor: default;
}
.ved_reset_all fieldset
{
	padding: 10px;
	border: 2px groove #E0DFE3;
}
.ved_reset_all select {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/* Styles the main interface structure (holding box). */
.ved_chrome {
	display: block;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
	/*border: 1px solid #D3D3D3;*/
	/*padding: 5px;*/
}
.ved_hc.ved_chrome {
	padding: 2px;
}
.ved_inner  {
	display: block;
  /*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
	-webkit-touch-callout: none;
  background: #E0E0E0;
  border: 1px solid #D3D3D3;
  
  /*
	background: #d3d3d3 url(images/sprites.png) repeat-x 0 -1950px;
	background: -webkit-gradient(linear, 0 -15, 0 40, from(#fff), to(#d3d3d3));
  background: -moz-linear-gradient(top, #fff -15px, #d3d3d3 40px);
  background: -webkit-linear-gradient(top, #fff -15px, #d3d3d3 40px);
  background: -o-linear-gradient(top, #fff -15px, #d3d3d3 40px);
  background: -ms-linear-gradient(top, #fff -15px, #d3d3d3 40px);
  background: linear-gradient(top, #fff -15px, #d3d3d3 40px); 
  */
	/*padding: 5px;*/
}
.ved_float {
	background: #fff;
}
.ved_float .ved_inner {
	padding-bottom: 0;
}
.ved_hc .ved_contents {
	border: 1px solid black;
}
.ved_top,.ved_contents,.ved_bottom {
	display: block;
	overflow: hidden;
}
.ved_resizer {
	width: 0;
	height: 0;
	overflow: hidden;
	border-width: 12px 12px 0 12px;
	border-color: transparent #EFEFEF transparent transparent;
	border-style: dashed solid dashed dashed;		margin: 10px 0 0;
	font-size: 0;
	float: right;
	vertical-align: bottom;
	cursor: se-resize;
	opacity: 0.8;
}
.ved_resizer_ltr {
	margin-left: -12px;
}
.ved_resizer_rtl {
	float: left;
	border-color: transparent transparent transparent #EFEFEF;
	border-style: dashed dashed dashed solid;		margin-right: -12px;
	cursor: sw-resize;
}
.ved_hc .ved_resizer
{
	width: 10px;
	height: 10px;
	border: 1px solid #fff;
	margin-left: 0;
}
.ved_hc .ved_resizer_rtl
{
	margin-right: 0;
}
.ved_wysiwyg_div
{
	display: block;
	height: 100%;
	overflow: auto;
	padding: 0 8px;
	outline-style: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* Styles all "panels", which are the floating elements that appear when
   opening toolbar combos, menu buttons, context menus, etc. */
.ved_panel
{
		visibility: visible;
	border: 1px solid #8f8f73;
	background-color: #fff;
	width: 120px;
	height: 100px;
	overflow: hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.ved_menu_panel
{
	padding: 2px;
	margin: 0;
}
.ved_combopanel
{
	border: 1px solid #8f8f73;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0;
	width: 150px;
    height: 170px;
}
.ved_panel_frame
{
	width: 100%;
	height: 100%;
		font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	overflow: auto;
	overflow-x: hidden;
}
.ved_panel_container
{
	overflow-y: auto;
	overflow-x: hidden;
}
.ved_panel_list
{
	list-style-type: none;
	margin: 3px;
	padding: 0px;
	white-space: nowrap;
}
.ved_panel_listItem
{
	margin: 0px;
}
.ved_panel_listItem a
{
	padding: 2px;
	display: block;
	border: 1px solid #fff;
	color: inherit !important;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
}
* html .ved_panel_listItem a
{
	width : 100%;
		color: #000;
}
*:first-child+html .ved_panel_listItem a
{
		color: #000;
}
.ved_panel_listItem.ved_selected a
{
	border: 1px solid #ccc;
	background-color: #e9f5ff;
}
.ved_panel_listItem a:hover,
.ved_panel_listItem a:focus,
.ved_panel_listItem a:active
{
	border-color: #316ac5;
	background-color: #dff1ff;
}
.ved_hc .ved_panel_listItem.ved_selected a,
.ved_hc .ved_panel_listItem a:hover,
.ved_hc .ved_panel_listItem a:focus,
.ved_hc .ved_panel_listItem a:active
{
	border-width: 3px;
	padding: 0px;
}
.ved_panel_grouptitle
{
	font-size: 11px;
	font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
	font-weight: bold;
	white-space: nowrap;
	background-color: #dcdcdc;
	color: #000;
	margin:0px;
	padding:3px;
}
.ved_panel_listItem p,
.ved_panel_listItem h1,
.ved_panel_listItem h2,
.ved_panel_listItem h3,
.ved_panel_listItem h4,
.ved_panel_listItem h5,
.ved_panel_listItem h6,
.ved_panel_listItem pre
{
	margin-top: 3px;
	margin-bottom: 3px;
}
/* Styles the color panel displayed by the color buttons. */
.ved_colorblock
{
	padding: 3px;
   	font-size: 11px;
   	font-family: 'Microsoft Sans Serif', Tahoma, Arial, Verdana, Sans-Serif;
}
.ved_colorblock,
.ved_colorblock a
{
	text-decoration: none;
	color: #000;
}
span.ved_colorbox
{
	width: 10px;
	height: 10px;
	border: #808080 1px solid;
	float: left;
}
.ved_rtl span.ved_colorbox
{
	float: right;
}
a.ved_colorbox
{
	border: #fff 1px solid;
	padding: 2px;
	float: left;
	width: 12px;
	height: 12px;
}
.ved_rtl a.ved_colorbox
{
	float: right;
}
a:hover.ved_colorbox,
a:focus.ved_colorbox,
a:active.ved_colorbox
{
	border: #316ac5 1px solid;
	background-color: #dff1ff;
}
a.ved_colorauto,
a.ved_colormore
{
	border: #fff 1px solid;
	padding: 2px;
	display: block;
	cursor: pointer;
}
a:hover.ved_colorauto,
a:hover.ved_colormore,
a:focus.ved_colorauto,
a:focus.ved_colormore,
a:active.ved_colorauto,
a:active.ved_colormore
{
	border: #316ac5 1px solid;
	background-color: #dff1ff;
}
/* Styles to toolbar. */
.ved_toolbar
{
	float: left;
}
.ved_rtl .ved_toolbar
{
	float: right;
}
.ved_toolgroup {
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
	float: left;
	/*margin: 0 6px 5px 0;*/
	margin: 0 1px 1px 0;
	padding: 2px;
  /*
	background: url(images/sprites.png) repeat-x 0 -500px;
	background: -webkit-gradient(linear, 0 0, 0 100, from(#fff), to(#d3d3d3)); 	background: -moz-linear-gradient(top, #fff, #d3d3d3 100px); 	background: -webkit-linear-gradient(top, #fff, #d3d3d3 100px); 	background: -o-linear-gradient(top, #fff, #d3d3d3 100px); 	background: -ms-linear-gradient(top, #fff, #d3d3d3 100px); 	background: linear-gradient(top, #fff, #d3d3d3 100px);
  */
}
.ved_hc .ved_toolgroup
{
	padding-right: 0;
	margin-right: 4px;
}
.ved_rtl .ved_toolgroup
{
	float: right;
	margin-left: 6px;
	margin-right: 0;
}
.ved_rtl.ved_hc .ved_toolgroup
{
	padding-left: 0;
	margin-left: 4px;
}
a.ved_button {
	display: inline-block;
	height: 18px;
	padding: 2px 4px;
	/*-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/
	outline: none;
	cursor: default;
	float: left;
	border: 0;
}
.ved_rtl .ved_button
{
	float: right;
}
.ved_hc .ved_button
{
	border: 1px solid black;
		padding: 3px 5px;
	margin: -2px 4px 0 -2px;
}
.ved_rtl.ved_hc .ved_button
{
	margin: -2px -2px 0 4px;
}
.ved_button_on
{
	background-color: #a3d7ff;
}
.ved_hc .ved_button_on
{
	border-width: 3px;
		padding: 1px 3px;
}
.ved_button_off
{
	opacity: 0.7;
}
.ved_button_disabled
{
	opacity: 0.3;
}
a.ved_button_on:hover,
a.ved_button_on:focus,
a.ved_button_on:active
{
	background-color: #86caff;
}
.ved_hc a.ved_button:hover
{
	background: black;
}
a.ved_button_off:hover,
a.ved_button_off:focus,
a.ved_button_off:active
{
	background-color: #dff1ff;
	opacity: 1;
}
.ved_button_icon
{
	cursor: inherit;
	background-repeat: no-repeat;
	margin-top: 1px;
	width: 16px;
	height: 16px;
	float: left;
	display: inline-block;
}
.ved_rtl .ved_button_icon
{
	float: right;
}
.ved_hc .ved_button_icon
{
	display: none;
}
.ved_button_label
{
	display: none;
	padding-left: 3px;
	margin-top: 1px;
	line-height: 16px;
	vertical-align: middle;
	float: left;
	cursor: default;
}
.ved_hc .ved_button_label
{
	padding: 0;
	display: inline-block;
}
.ved_rtl .ved_button_label
{
	padding-right: 3px;
	padding-left: 0;
	float: right;
}
.ved_button_arrow
{
		display: inline-block;
	margin: 7px 0 0 1px;
	width: 0;
	height: 0;
	border-width: 3px;
	border-color: #2f2f2f transparent transparent transparent;
	border-style: solid dashed dashed dashed;
	cursor: default;
	vertical-align: middle;
}
.ved_rtl .ved_button_arrow
{
	margin-right: 5px;
	margin-left: 0;
}
.ved_hc .ved_button_arrow
{
	font-size: 10px;
	margin: 0 -2px 0 3px;
	width: auto;
	border: 0;
}
.ved_rtl.ved_hc .ved_button_arrow
{
	margin: 0 3px 0 -2px;
}
.ved_toolbar_separator
{
	float: left;
	border-left: solid 1px #D3D3D3;
	margin: 3px 2px 0;
	height: 16px;
}
.ved_rtl .ved_toolbar_separator
{
	border-right: solid 1px #D3D3D3;
	border-left: 0;
	float: right;
}
.ved_hc .ved_toolbar_separator
{
	margin-left: 0;
	width: 3px;
}
.ved_rtl.ved_hc .ved_toolbar_separator
{
	margin:3px 0 0 2px;
}
.ved_toolbar_break
{
	display: block;
	clear: left;
}
.ved_rtl .ved_toolbar_break
{
	clear: right;
}
.ved_toolbox_collapser
{
	width: 12px;
	height: 11px;
	float: right;
	border: 1px outset #d3d3d3;
	margin: 11px 0 0;
	font-size: 0;
	cursor: default;
	text-align: center;
}
.ved_toolbox_collapser.ved_toolbox_collapser_min
{
	margin: 0 2px 4px;
}
.ved_rtl .ved_toolbox_collapser
{
	float: left;
}
.ved_hc .ved_toolbox_collapser
{
	border-width: 1px;
}
.ved_toolbox_collapser .ved_arrow
{
	display: inline-block;
		height: 0;
	width: 0;
	font-size: 0;
	border-width: 3px;
	border-style: solid;
	border-color: transparent transparent #2f2f2f;
}
.ved_toolbox_collapser.ved_toolbox_collapser_min .ved_arrow
{
	margin: 4px 2px 0 0;
	border-color: #2f2f2f transparent transparent;
}
.ved_hc .ved_toolbox_collapser .ved_arrow
{
	font-size: 8px;
	width: auto;
	border: 0;
	margin-top: 0;
	margin-right: 2px;
}
/* Styles menus, which are lists of selectable items (context menu, menu button). */
.ved_menubutton
{
		display:block;
}
.ved_menuitem span
{
		cursor: default;
}
.ved_menubutton:hover,
.ved_menubutton:focus,
.ved_menubutton:active
{
	background-color: #D3D3D3;
	display:block;
}
.ved_hc .ved_menubutton:hover,
.ved_hc .ved_menubutton:focus,
.ved_hc .ved_menubutton:active
{
	border: 2px solid;
}
.ved_menubutton_inner {
	display: table-row;
}
.ved_menubutton_icon,
.ved_menubutton_label,
.ved_menuarrow {
	display: table-cell;
}
.ved_menubutton_icon
{
	background-color: #D3D3D3;
	opacity: 0.70; 	filter: alpha(opacity=70); 	padding: 4px;
}
.ved_hc .ved_menubutton_icon
{
	height: 16px;
	width: 0;
	padding: 4px 0;
}
.ved_menubutton:hover .ved_menubutton_icon,
.ved_menubutton:focus .ved_menubutton_icon,
.ved_menubutton:active .ved_menubutton_icon
{
	background-color: #9d9d9d;
}
.ved_menubutton_disabled:hover .ved_menubutton_icon,
.ved_menubutton_disabled:focus .ved_menubutton_icon,
.ved_menubutton_disabled:active .ved_menubutton_icon
{
		opacity: 0.3;
	filter: alpha(opacity=30);
}
.ved_menubutton_label
{
	padding: 0 5px;
	background-color: transparent;
	width: 100%;
	vertical-align: middle;
}
.ved_menubutton_disabled .ved_menubutton_label
{
		opacity: 0.3;
	filter: alpha(opacity=30);
}
.ved_menubutton:hover,
.ved_menubutton:focus,
.ved_menubutton:active
{
	background-color: #D3D3D3;
}
.ved_panel_frame .ved_menubutton_label
{
	display: none;
}
.ved_menuseparator
{
	background-color: #D3D3D3;
	height: 2px;
	filter: alpha(opacity=70); 	opacity: 0.70; }
.ved_menuarrow
{
		background-image: url(images/sprites.png);
	background-position: 0 -1400px;
	background-repeat: no-repeat;
	padding: 0 5px;
}
.ved_rtl .ved_menuarrow
{
		background-image: url(images/sprites.png);
	background-position: 7px -1380px;
	background-repeat: no-repeat;
}
.ved_menuarrow span
{
	display: none;
}
.ved_hc .ved_menuarrow
{
}
.ved_hc .ved_menuarrow span
{
	vertical-align: middle;
	display: inline;
}
/* Styles toolbar combos. */
.ved_combo
{
	display: inline-block;
	float: left;
}
.ved_rtl .ved_combo
{
	float: right;
}
.ved_combo_label {
	display: none;
	float: left;
	line-height: 26px;
	vertical-align: top;
	margin-right: 5px;
	filter: alpha(opacity = 70); 	opacity: 0.7;
}
.ved_rtl .ved_combo_label {
	float: right;
	margin-left: 5px;
	margin-right: 0;
}
.ved_combo_button {
	display: inline-block;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
	background: url(images/sprites.png) 0 -100px repeat-x;
  float: left;
	padding: 2px 4px 2px 6px;
	height: 22px;
	/*margin: 0 5px 5px 0;*/
	margin: 0 1px 1px 0;
	background: -moz-linear-gradient(bottom, #fff, #d3d3d3 100px);
	background: -webkit-gradient(linear, left bottom, left -100, from(#fff), to(#d3d3d3));
}
.ved_combo_off .ved_combo_button:hover,
.ved_combo_off .ved_combo_button:focus,
.ved_combo_off .ved_combo_button:active
{
	background: #DFF1FF;
	outline: none;
}
.ved_rtl .ved_combo_button
{
	float: right;
	margin-left: 5px;
	margin-right: 0;
}
.ved_hc .ved_combo_button
{
	border: 1px solid black;
	padding: 1px 3px 1px 3px;
}
.ved_hc .ved_rtl .ved_combo_button
{
	border: 1px solid black;
}
.ved_combo_text
{
	line-height: 24px;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #666666;
	float: left;
	cursor: default;
	width: 120px;
}
.ved_rtl .ved_combo_text
{
	float: right;
	text-align: right;
}
.ved_combo_inlinelabel
{
	font-style: italic;
	opacity: 0.70;
}
.ved_combo_off .ved_combo_button:hover .ved_combo_inlinelabel,
.ved_combo_off .ved_combo_button:active .ved_combo_inlinelabel,
.ved_combo_off .ved_combo_button:focus .ved_combo_inlinelabel
{
	opacity: 1;
}
.ved_combo_open
{
    cursor: default;
    display: inline-block;
    font-size: 0;
    height: 19px;
    line-height: 17px;
    margin: 1px 3px;
    width: 5px;
}
.ved_combo_arrow
{
	margin: 9px 0 0;
	float: left;
	opacity: 0.70;
		height: 0;
	width: 0;
	font-size: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 3px solid #2f2f2f;
}
.ved_hc .ved_combo_arrow
{
	font-size: 10px;
	width: auto;
	border: 0;
	margin-top: 4px;
}
.ved_combo_disabled .ved_combo_inlinelabel,
.ved_combo_disabled .ved_combo_open
{
	opacity: 0.3;
}
/* Styles the elements path bar, available at the bottom of the editor UI.*/
.ved_path
{
	margin-top: 5px;
	float: left;
}
.ved_path_item,
.ved_path_empty
{
	display: inline-block;
	float: left;
	padding: 1px 4px 0;
	color: #60676a;
	cursor: default;
	text-decoration: none;
	outline: 0;
	border: 0;
}
.ved_rtl .ved_path,
.ved_rtl .ved_path_item,
.ved_rtl .ved_path_empty
{
	float: right;
}
a.ved_path_item:hover,
a.ved_path_item:focus,
a.ved_path_item:active
{
	background-color: #efefef;
	opacity: 0.7;
	color: #000;
}
/* Contains hard-coded presets for "configurable-like" options of the UI
   (e.g. display labels on specific buttons) */
.ved_button__source_label
{
	display: inline;
}
.ved_combo__fontsize .ved_combo_text
{
	width: 30px;
}
.ved_combopanel__fontsize
{
	width: 120px;
}
.ved_source
{
	font-family: 'Courier New' , Monospace;
	font-size: small;
	background-color: #fff;
	white-space: pre;
}
.ved_wysiwyg_frame, .ved_wysiwyg_div
{
	background-color: #fff;
}
/* Important!
   To avoid showing the editor UI while its styles are still not available, the
   editor creates it with visibility:hidden. Here, we restore the UI visibility. */
.ved_chrome
{
	visibility: inherit;
}
/* For accessibility purposes, several "voice labels" are present in the UI.
   These are usually <span> elements that show not be visible, but that are
   used by screen-readers to announce other elements. Here, we hide these
   <spans>, in fact. */
.ved_voice_label
{
	display: none;
}
legend.ved_voice_label
{
	display: none;
}
